@extends('layouts.marketing_template')
@section('content')
<div class="container-fluid px-3 px-xxl-5 pt-5">
    <div class="titel-head pb-2 d-flex justify-content-between align-items-center">
        <h1 class="ms-4 mb-0">Lead Sources</h1>
        <div class="me-4">
            <button class="btn btn-primary btn-xs font-15 " data-bs-toggle="modal" data-bs-target="#addleadsource"><i class="fa fa-plus me-2" style="font-size:16px;"></i>Add</button>
            <div class="modal fade" id="addleadsource" tabindex="-1" aria-labelledby="addleadsourceLabel" aria-hidden="true">
                @include('sales.leads.components.addleadsourcemodal')
            </div>
        </div>
    </div>
    <div class="flash-message">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if (Session::has('alert-' . $msg))
        <div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
            <strong>{{ ucfirst($msg == 'danger' ? 'Error' : $msg) }}!</strong>
            {{ Session::get('alert-' . $msg) }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif
        @endforeach
    </div>
    <div class="ms-2 mt-4 row">
        @if (!empty($leadsources))
        @foreach ($leadsources as $ls)
        <div class="col-12 col-sm-12 col-md-6 col-xl-4 mb-3">
            <div class="bg-dark rounded-3 p-3 text-start mb-3 box-shadow me-4">
                <div class="h1 mb-4">{{ $ls->name }}</div>
                <div class="d-flex justify-content-between align-items-center">
                    <span class="bg-success p-2 rounded-circle px-3">