@extends('layouts.master')
<style>
html {
  scroll-behavior: smooth;
}
div:target {
    padding-top: 5em; 
    margin-top: -5em; 
}
</style>
@section('content')
            <!-- begin app-header -->
            <header class="app-header top-bar"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                <!-- begin navbar -->
                
                    @include('layouts.nav')
                    
                <!-- end navbar -->
            </header>
            <!-- end app-header -->
            <!-- begin app-container -->
            <div class="app-container">
                <!-- begin app-nabar -->
                <aside class="app-navbar">
                    <!-- begin sidebar-nav -->
                    @include('layouts.sidebar')
                    <!-- end sidebar-nav -->
                </aside>
                <!-- end app-navbar -->
                <!-- begin app-main -->
                <div class="app-main" id="main">
                    <!-- begin container-fluid -->
                    <div class="container-fluid">
                        <!-- begin row -->
                        <div class="row">
                            <div class="col-md-12 m-b-30">
                                <!-- begin page title -->
                                <div class="d-block d-sm-flex flex-nowrap align-items-center">
                                    <div class="page-title mb-2 mb-sm-0">
                                        <h1>
                                            @foreach($fins as $fin)
                                                <a href="{{ url('ListRepertory/'.$fin->client->id) }}"> PED </a>
                                            @endforeach
                                            
                                            <i class="fa fa-angle-double-right"></i>
                                            @foreach($fins as $fin)
                                                {{ $fin->moisLet }}
                                            @endforeach

                                            <i class="fa fa-angle-double-right"></i>
                                            @foreach($fins as $fin)
                                            {{ $fin->client->company }}
                                            @endforeach
                                            
                                        </h1>
                                    </div>
                                    <div class="ml-auto d-flex align-items-center">
                                        <nav>
                                            <ol class="breadcrumb p-0 m-b-0">
                                                <li class="breadcrumb-item">
                                                    <a href="#"><i class="ti ti-home"></i></a>
                                                </li>
                                                <li class="breadcrumb-item">
                                                    @foreach($fins as $fin)
                                                        {{ $fin->client->company }}
                                                    @endforeach
                                                </li>
                                                <li class="breadcrumb-item" aria-current="page">
                                                    @foreach($fins as $fin)
                                                        <a href="{{ url('ListRepertory/'.$fin->client->id) }}"> PED </a>
                                                    @endforeach
                                                </li>
                                                <li class="breadcrumb-item active text-primary" aria-current="page">
                                                    @foreach($fins as $fin)
                                                        {{ $fin->moisLet }}
                                                    @endforeach
                                                </li>
                                            </ol>
                                        </nav>
                                    </div>
                                </div>
                                <!-- end page title -->
                            </div>
                        </div>
                        <!-- end row -->
                        <!-- begin row -->
                        <div class="row">

                            <div class="col-md-12">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <h4 class="card-title">Ajouter Publication </h4>
                                        <p class="card-text">Veuillez créer une date éditorial</p>
                                        <a href="" data-toggle="modal" data-target="#loginModal">
                                            <i class="dashicons dashicons-download" style="font-size: 40px;"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-12">
                                <div class="card text-center">
                                    <div class="card-body">
                                        @foreach($cals as $cal)
                                            <a href="#{{ $cal->date }}" class="btn btn-primary px-2">{{ date('d/m', strtotime($cal->date)) }}</a>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            

                            @foreach($cals as $cal)
                            
                            <div class="col-md-12" id="{{ $cal->date }}">
                                <div class="card card-statistics">
                                    <div class="card-header">
                                        <div class="card-heading">
                                            <h4 class="card-title">Publication: {{ date('d/m/Y', strtotime($cal->date)) }}</h4>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <form action="{{ url('Calendar/'.$cal->id) }}" method="POST" enctype="multipart/form-data">
                                            @csrf
                                            @method('PUT')
                                            <div class="form-row">
                                                <div class="form-group col-md-4">
                                                        <input id="client_id" name="repertory_id" type="hidden" value="{{ $idd }}">

                                                    <input type="date" class="form-control" name="date" value="{{ $cal->date }}">
                                                    <br>
                                                    <input type="text" class="form-control" name="titre" value="{{ $cal->titre }}" placeholder="Titre de publication">
                                                    <br>
                                                    <div class="input-group">
                                                        <span class="btn btn-default btn-file">
                                                            <span class="input-group-text" id="inputGroupPrepend">
                                                                <i class="fa fa-file-text"></i>
                                                            </span> 
                                                            <input type="file" id="imgInp" name="image">
                                                        </span>
                                                            <input type="text" class="form-control" style="margin-left: -7px;height:35px" 
                                                                        readonly placeholder=" Télécharger Le visuel" >                       
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-8">

                                                    <div class="form-group col-md-6">
                                                        <div class="form-group text-center">

                                                            @if(empty($cal->picture))
                                                            <img src="{{ asset('assets/img/not.jpg') }}" height="300">
                                                            @else
                                                            <img src="https://ped.geek-developer.com/public{{$cal->picture}}" class="rounded" height="300" >
                                                            @endif
                                                        </div>
                                                    </div>
                                                        
                                                </div>
                                            </div>

                                            
                                            
                                                <div class="quill-editor">
                                                        <label for="exampleFormControlTextarea1">Texte</label>
                                                    <textarea class="form-control" name="content" rows="3">{{ $cal->content }}</textarea>
                                                </div>
                                                <br>
                                                <div class="quill-editor">
                                                        <label for="exampleFormControlTextarea1">Description image</label>
                                                    <textarea class="form-control" name="contentIM" rows="3">{{ $cal->contentIM }}</textarea>
                                                </div>
                                                
                                                <br>

                                            <button type="submit" class="btn btn-primary">Sauvegarder</button>
                                            <button type="" class="btn btn-success float-right mx-2">Valider</button>
                                            <button type="" class="btn btn-danger float-right mx-2">Supprimer publication</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            
                            @endforeach
                            
                        </div>
                        <!-- end row -->
                </div>
                    <!-- end container-fluid -->
            </div>
                <!-- end app-main -->
        </div>
            <!-- end app-container -->

        <!-- Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Calendrier éditorial</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{ url('Calendar') }}" method="post" >
                        @csrf
                        <div class="form-group">
                            <input id="client_id" name="repertory_id" type="hidden" value="{{ $idd }}">
                        </div>
                        <div class="form-group">
                            <label for="modelpass">Date {{ $idd }} </label>
                            <input type="date" class="form-control" name="date">
                        </div>
                        <div class="form-group form-check">
                            <input type="checkbox" class="form-check-input" id="exampleCheck1">
                        </div>
                        <button type="submit" class="btn btn-primary btn-lg btn-block">Créer...</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- END Modal -->
    
@endsection